@import url("base.css");
@import url("../base/materialize/css/materialize.min.css");
.nx-layout-top {
	height: 80px;
	background-color: white;
	width: 100vw;
	position: relative;
}

.top-left-title {
	width: 240px;
	height: 100%;
	color: white;
	text-align: center;
	background-color: #1aa0f8;
	border-color: transparent;
}

.top-left-title-systemname {
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}

.top-left-title-subname {
	text-align: center;
	width: 100%;
	font-size: 14px;
}

.nx-layout-content {
	width: 100vw;
	height: calc(100vh - 80px);
	background-color: white;
	position: relative;
}

.top-mid-menu {
	position: absolute;
	top: 0px;
	left: 240px;
	background-color: yellowgreen;
	height: 100%;
	width: calc(100vw - 360px);
}

.top-right-usercenter {
	position: absolute;
	top: 0px;
	width: 120px;
	right: 0px;
	background-color: burlywood;
	height: 100%;
}

.left_menu {
	width: 240px;
	background-color: white;
	height: 450px;
	padding-top: 20px;
}

.right_content {
	top: 0px;
	left: 240px;
	position: absolute;
	width: calc(100vw - 240px);
	height: 100%;
	background-color: gainsboro;
	overflow-y: auto;
}

.ul-menu {
	padding: 0px;
	margin: 0px;
}

.li-menu {
	list-style: none;
	padding: 0px;
}

.li-menu-selected {
	list-style: none;
	padding: 0px;
	background-color: #CCF5FF;
}

.li-menu-content-wrapper-selected {
	position: relative;
	height: 40px;
}

.li-icon-selected {
	color: deepskyblue;
	size: 1.5em;
}

.li-icon {
	size: 1.5em;
}

.li-menu-content-cebian {
	width: 5px;
	height: 100%;
	background-color: cornflowerblue;
}

.li-menu-content-cebian-white {
	width: 5px;
	height: 100%;
	background-color: transparent;
}

.li-menu-content {
	position: absolute;
	left: 5px;
	top: 0px;
	height: 100%;
	text-align: center;
}